{include file="public/layout" /}
<body class="laytp-container">
<div class="layui-card">
    <div class="layui-card-body">
<!--        <form class="layui-form layui-row layui-col-space16 layui-search-admin">-->
<!--            <div class="layui-inline">-->
<!--                <label class="layui-form-label">昵称</label>-->
<!--                <div class="layui-input-inline">-->
<!--                    <input type="text" name="nickname" autocomplete="off" class="layui-input" value="">-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="layui-btn-container layui-col-xs12">-->
<!--                <button class="layui-btn" lay-submit lay-filter="demo-table-search">搜索</button>-->
<!--                <button type="reset" class="layui-btn layui-btn-primary">清空</button>-->
<!--            </div>-->
<!--        </form>-->
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-body">
        <table id="test" lay-filter="test"></table>
    </div>
</div>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" onclick="add()">
            添加
        </button>
        <button class="layui-btn layui-btn-sm" onclick="reload()">
            刷新数据
        </button>
        <button class="layui-btn layui-btn-sm" onclick="del()">
            批量删除
        </button>
        <button class="layui-btn layui-btn-sm" data-form-export="{:url('excel')}">
            导出数据
        </button>

    </div>
</script>
<script type="text/html" id="barDemo">
    <div class="layui-clear-space">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<!--        <a class="layui-btn layui-btn-xs" lay-event="recharge">充值</a>-->
        <a class="layui-btn layui-btn-xs" lay-event="more">
            更多
            <i class="layui-icon layui-icon-down"></i>
        </a>
    </div>
</script>
<script>
    var tableIns
    var datawhere = {};
    layui.use(function(){
        var table = layui.table;
        var dropdown = layui.dropdown;
        var laydate = layui.laydate;
        var form = layui.form;

        // 创建渲染实例
        tableIns = table.render({
            elem: '#test',
            url:'{:url("index")}', // 此处为静态模拟数据，实际使用时需换成真实接口
            toolbar: '#toolbarDemo',
            defaultToolbar: ['filter'],
            height: 'full-200', // 最大高度减去其他容器已占有的高度差
            css: [ // 重设当前表格样式
                '.layui-table-tool-temp{padding-right: 145px;}'
            ].join(''),
            cellMinWidth: 80,
            totalRow: true, // 开启合计行
            page: true,
            pagebar: '#test-pagebar', // 分页栏模板
            cols: [[
                {type:"checkbox"},
                {field: 'id', title: 'ID',sort:true,  width:80},
                {field: 'type_txt', title: '类型'},
                {field: 'name', title: '名称'},
                {field: 'money', title: '优惠金额',templet:function(d){
                        var html = '';
                        if(d.type==1){
                            html+='<div style="color:#000;font-size:16px">￥'+d.money+'</div>';
                            if(d.minprice>0){
                                html +='<div>满'+d.minprice+'元可用</div>'
                            }else{
                                html +='<div>无门槛</div>'
                            }
                        }
                        if(d.type==3){
                            html += d.limit_count + '次';
                        }
                        if(d.type==10){
                            html += d.discount + '%';
                        }
                        return html;
                    }},
                {field: 'stock', title: '库存'},
                {field: 'getnum', title: '已领取'},
                {field: 'used_count', title: '已使用'},
                {field: 'ctime', title: '活动时间',templet: '<div><p>{{d.starttime}}</p><p>{{d.endtime}}</p></div>',width: 160},
                {field: 'createtime', title: '创建时间',sort:true,templet:function(d){ return date('Y-m-d H:i',d.createtime)},width:150},
                {field: 'status', title: '状态',width:100,templet:function(d){
                    if(d.status==1){
                        return d.status;
                    }else{
                        return d.status;
                    }
                }},
                {field: 'operation', title: '操作',templet: function(d){
                        var html = '';
                        html += '<button class="layui-btn layui-btn-xs" onclick="openmax(\'{:url('record')}/id/'+d.id+'\')">领取记录</button>';
                        html += '<button class="layui-btn layui-btn-xs" onclick="openmax(\'{:url('sendcp')}/isopen/1/cpid/'+d.id+'\')">推送</button>';
                            html += '<button class="layui-btn layui-btn-xs" onclick="showurl('+d.id+')">链接</button>';
                            html += '<button class="layui-btn layui-btn-xs" onclick="openmax(\'{:url('edit')}/id/'+d.id+'\')">编辑</button>';
                            html += '<button class="layui-btn layui-btn-xs" onclick="datadel('+d.id+')">删除</button>';
                            return html;
                        },width:200}
            ]],
            error: function(res, msg){
                console.log(res, msg)
            }
        });

        // 触发单元格工具事件
        table.on('tool(test)', function(obj){ // 双击 toolDouble
            var data = obj.data; // 获得当前行数据
            // console.log(obj)
            if(obj.event === 'edit'){
                layer.open({
                    title: '编辑 - id:'+ data.user_id,
                    type: 2,
                    shadeClose: true,
                    area: ['100%','100%'],
                    scrollbar:false,
                    content: '{:url("detail")}/id/'+data.user_id
                });
            } else if(obj.event === 'more'){
                // 更多 - 下拉菜单
                dropdown.render({
                    elem: this, // 触发事件的 DOM 对象
                    show: true, // 外部事件触发即显示
                    data: [
                        {
                            title: '删除',
                            id: 'del'
                        },
                        {
                            title: '充值',
                            id: 'recharge'
                        }
                    ],
                    click: function(menudata){
                        if(menudata.id === 'detail'){
                            layer.msg('查看操作，当前行 ID:'+ data.user_id);
                        } else if(menudata.id === 'del'){
                            del(data.user_id);
                        }else if(menudata.id === 'recharge'){
                            rechagre(data.user_id);
                        }
                    },
                    align: 'right', // 右对齐弹出
                    style: 'box-shadow: 1px 1px 10px rgb(0 0 0 / 12%);' // 设置额外样式
                })
            }
        });

        laydate.render({
            elem: '.demo-table-search-date'
        });
        laydate.render({
            elem: '#laydate-rangeLinked',
            type: 'datetime',
            range: ['#table-search-date-start', '#table-search-date-end'],
            rangeLinked: true // 开启日期范围选择时的区间联动标注模式 ---  2.8+ 新增
        });
        // 搜索提交
        form.on('submit(demo-table-search)', function(data){
            var field = data.field; // 获得表单字段
            datawhere = field;
            // 执行搜索重载
            table.reload('test', {
                page: {
                    curr: 1 // 重新从第 1 页开始
                },
                where: field // 搜索的字段
            });
            //layer.msg('搜索成功<br>此处为静态模拟数据，实际使用时换成真实接口即可');
            return false; // 阻止默认 form 跳转
        });
    });
    function add(){
        layer.open({
            title: '添加',
            type: 2,
            shadeClose: true,
            area: ['100%','100%'],
            scrollbar:false,
            content: '{:url("edit")}'
        });
    }
    function reload(){
        layui.table.reload('test', {
            where: {
                abc: 123,
                test: '新的 test1'
            },
            // scrollPos: 'fixed',  // 保持滚动条位置不变 - v2.7.3 新增
            // height: 2000, // 测试无效参数（即与数据无关的参数设置无效，此处以 height 设置无效为例）
            //url: '404',
            //page: {curr: 1, limit: 30} // 重新指向分页
        }, true);
    }
    function del(id){
        if(id){
            var ids = [id];
        }else{
            var checkStatus = layui.table.checkStatus('test');
            var data = checkStatus.data;
            var ids = [];
            $.each(data, function(index, value){
                //goods_ids.append(value.goods_id);
                ids.push(value.user_id);
            });
        }
        layer.confirm('确定要删除选择的会员'+ids+'吗？', function(index){
            $.ajax({
                type: "POST",
                url: "{:url('del')}",
                data: {ids:ids},
                success: function(res){
                    console.log(res);
                    if(res.status){
                        layer.msg('提交成功');
                    }else{
                        layer.msg(res.msg);
                    }
                    layer.close(index);
                    tableIns.reload()
                }
            });
            layer.close(index);
            // 向服务端发送删除指令
        });

    }
    function rechagre(user_id){
        var recharge_layer = layer.open({type:1,area:['500px','300px'],title:'充值',content:$('#recharge_model'),shadeClose:true,btn: ['确定', '取消'],
            yes:function(){
                var index = layer.load();
                $.post("{:url('recharge')}",{
                    user_id:user_id,
                    number:$('#recharge_money').val(),
                    memo:$('#recharge_remark').val(),
                    money_type:$('#recharge_wallet').val()
                },function(res){
                    layer.close(index);
                    dialog(res.msg,res.status);
                    layer.close(recharge_layer);
                    tableIns.reload()
                })
            }
        })
    }
</script>
</body>
</html>